const { name } = require('./package.json');
const { resolve } = require('path');
module.exports = {
	publicPath: process.env.NODE_ENV === 'development' ? '/' : '/child/app1/',
	devServer: {
		port: process.env.VUE_APP_PORT || 8080, // 重点6
		// headers: {
		// 	// 重点7：同重点1，允许子应用跨域
		// 	'Access-Control-Allow-Origin': '*',
		// },
		client: {
            overlay: false,
        },
		proxy: {
            '/hcp-system': {
                target: 'http://192.168.5.66:8880',
                changeOrigin: true, // 修正拼写
                // pathRewrite: {
                //     '^/hcp-system': ''
                // }
            },

			'/hcp-dp': {
                target: 'http://192.168.14.18:8880',
                changeOrigin: true,
                // pathRewrite: {
                //     '^/hcp-dp': ''
                // }
            },
          
        },
	},
	chainWebpack: (config) => {
		config.plugins.delete('preload');
		config.plugins.delete('prefetch');
		config.resolve.alias.set('@', resolve('./src')).set('assets', resolve('./src/assets')).set('views', resolve('./src/views'));

		// // 添加对 .vue 和 .html 文件的处理
		// config.module.rule('vue').use('vue-loader').loader('vue-loader').end();

		// config.module
		// 	.rule('html')
		// 	.test(/\.html$/)
		// 	.use('html-loader')
		// 	.loader('html-loader');
	},
	// 自定义webpack配置
	configureWebpack: {
		output: {
			library: `${name}-[name]`,
			libraryTarget: 'umd', // 把子应用打包成 umd 库格式
			chunkLoadingGlobal: `webpackJsonp_${name}`, // webpack 5 需要把 jsonpFunction 替换成 chunkLoadingGlobal
		},
		module: {
			rules: [
				// {
				// 	test: /\.vue$/,
				// 	loader: 'vue-loader',
				// },
				// {
				// 	test: /\.js$/,
				// 	exclude: /node_modules/,
				// 	use: {
				// 		loader: 'babel-loader',
				// 	},
				// },
				// {
				// 	test: /\.css$/,
				// 	use: ['style-loader', 'css-loader'],
				// },
				{
					test: /\.(htm|html)$/i,
					loader: 'html-withimg-loader'
				},
			],
		},
	},
};
